@import 'variables';
@import 'mixins';

html,
body {
    /* height:100%; */
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    font-size: 14px;
    height: 100%;
}

a {
    color: inherit;
    text-decoration: none;
    display: block;
    border: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
}

::selection {
    background: #FFF;
    color: #333;
}

::-moz-selection {
    background: #FFF;
    color: #333;
}

::-webkit-selection {
    background: #FFF;
    color: #333;
}



.header {
    background-color: rgb(120, 167, 221);
    height: 92/@rem;
    background-image: url("../../images/header.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #93939300;

    .logo {
        width: 164/@rem;
        height: 54/@rem;
        margin-left: 24/@rem;
        margin-top: 18/@rem;
        vertical-align: top;
        margin-right: 52/@rem;
    }

    ul {
        display: inline-block;
        height: 92/@rem;

        li {
            position: relative;
            display: inline-block;
            width: 85/@rem;
            height: 40/@rem;
            line-height: 92/@rem;
            font-size: 28/@rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: #FFFFFF;
            text-align: center;
            height: 100%;

            a {
                height: 100%;
                display: inline-block;
            }
        }

        .active {
            font-size: 36/@rem;
        }

        .active::after {
            position: absolute;
            content: '';
            width: 22/@rem;
            height: 6/@rem;
            bottom: 0;
            background: #FEA929;
        }

        li::after {
            left: 38/@rem;
        }

        .li2 {
            width: 120/@rem;
        }

        .li2::after {
            left: 58/@rem;
        }

        .li3 {
            width: 150/@rem;
        }

        .li3::after {
            left: 68/@rem;
        }

    }
}

// 新闻公共模块
// 往期精彩正文
.news_tag {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 0.21rem;
    margin-left: 0.31rem;

    .tag_group {
        position: relative;

        margin-right: 0.43rem;
        border-radius: 0.21rem;

        // width: 10rem;
        min-height: 30/@rem;

        .tag {
            display: inline-block;
            align-self: center;
            line-height: 30/@rem;
            font-size: 20/@rem;
            font-weight: 500;
            border: 1px #989898 solid;
            border-radius: 20/@rem;
            padding-left: 24/@rem;
            padding-right: 24/@rem;
            margin-right: 14/@rem;
            margin-bottom: 14/@rem;
            height: 30/@rem;
        }

        .active {
            color: #146FD2;
            background-color: #f2fbff;
        }
    }
}

.news {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0.32rem;
    margin-left: 0.31rem;
    width: 9rem;
    height: 1.96rem;

    .entryPic {
        width: 3.85rem;
        height: 1.96rem;
    }

    .right {
        display: flex;
        position: relative;
        align-items: flex-start;
        flex-direction: column;
        margin-top: -0.09rem;
        width: 4.81rem;
        height: 1.68rem;

        .title {
            width: 388/@rem;
            height: 70/@rem;
            position: relative;
            color: #3C3C3C;
            font-size: 32/@rem;
            font-weight: 500;

            .new {
                display: inline-block;
                color: #fff9d2;
                font-size: 14/@rem;
                font-weight: 400;
                border-radius: 0.09rem;
                background-color: #feb302;
                width: 30/@rem;
                height: 24/@rem;
                text-align: center;
                margin-bottom: 50/@rem;
                vertical-align: text-top;
            }
        }

        .author {
            margin-top: 30/@rem;
            height: 26/@rem;

            .icon_4 {
                position: relative;
                width: 0.33rem;
                height: 0.37rem;
            }

            .name {
                line-height: 0.33rem;
                color: #343434;
                font-size: 20/@rem;
                font-weight: 400;
            }


            .msg {
                line-height: 24/@rem;
                color: #D1D1D1;
                font-size: 20/@rem;
                font-weight: 500;
            }
        }
    }
}

.news_0 {
    text-align: center;
    font-size: 30/@rem;
    margin-top: 200/@rem;
    margin-bottom: 200/@rem;
}

.visibility {
    visibility: hidden;
}
.hide{
    display: none;
}

button {

    border: none;
    background-color: transparent;
    outline: none;
}

.gallery-container{
    .loading{
        font-size: 14px;
    }   
}
.live-container{
    .loading{
        font-size: 14px;
    }   
}